<template>
    <div class="benefits-wrap">
        <h4 class="node-title">学员权益</h4>
        <ul class="node-list">
            <li class="node" v-for="(item,index) in datas" :key="index">
                <i class="border-tag"></i><i class="border-tag"></i>
                <i class="radius-tag"></i><i class="radius-tag"></i>
                <i class="inner-tag"></i><i class="inner-tag"></i>
                <h5>{{ item.title }}<span>（价值{{ item.value }}元）</span></h5>
                <ul class="sub-node-list">
                    <li class="sub-node" v-for="(subItem,subIndex) in item.list" :key="subIndex">{{ subIndex + 1 }}. {{ subItem }}</li>
                </ul>
            </li>
        </ul>
    </div>
</template>

<script>
import { ref } from 'vue'
export default {
    setup () {
        const datas = ref([
            {
                title: '一、小红书引流变现篇',
                value: '699',
                list: [
                    '9万字小红书副业变现过程',
                    '一对一指导小红书引流+变现(解决你实操中的问题)',
                    '200+篇小红书爆款素材资料包(拿来就能用)'
                ]
            },
            {
                title: '二、产品代理篇',
                value: '299',
                list: [
                    '20+财务正版产品永久代理权，佣金50%-100%',
                    '分享财务各种学习资料，自用省钱，实售赚钱'
                ]
            },
            {
                title: '三、财务IP打造篇',
                value: '399',
                list: [
                    '教你如何打通财务IP全链路，一步步打造你的IP形象',
                    '教会你写朋友圈文案，发发圈就把产品卖出去',
                    '365天朋友圈吸睛文案，供你参考'
                ]
            },
            {
                title: '四、圈子篇',
                value: '299',
                list: [
                    '加入5000人联动的全国会计副业群，咨询合作共赢',
                    '每月优秀成员深度分享小红书实战经验',
                    '玲玲会计人脉群，带你链接人脉，资源共享'
                ]
            }
        ])

        return {
            datas
        }
    }
}
</script>
